<template>
  <el-row class="editor_header">
    <el-col 
    class="editor_col" 
    v-for="v in items[process.app_id]"
    :span="v.span"
    :offset="v.offset"
    :key="v.id"
    >
    <HeaderItem 
    :ItemOption="v"
    :process="process"
    :meta="meta"
   ></HeaderItem>
    </el-col>
  </el-row>
</template>

<script>
import HeaderItem from './HeaderItem.vue';
import {items} from '../../mixin/index'
export default {
  name: "EditorHeader",
  mixins:[items]
  ,
  components:{
    HeaderItem
  },
  data() {
    return {
    };
  },
  mounted(){
   // console.log(this.items)
  },
  props: {
    process: {
      type: Object,
      required: true,
    },
  },
  methods: {},
};
</script>

<style scoped lang="less">
.editor_header {
  height: 100%;
}
.editor_col {
  height: 100%;
}
.editor_menu {
  height: 100%;
}
/deep/button {
  height: 100%;
  border: none;
}
/deep/button:hover {
  opacity: 0.8;
}
/deep/.ivu-dropdown {
  height: 100%;
}
/deep/.ivu-dropdown-rel {
  height: 100%;
}
</style>